@CHARSET "UTF-8";

/*研修计划列表*/
.progress-label { text-align:right; font-size:16px; }
.progress { margin-top:2px; }
ul.plan-list { list-style:none; }
ul.plan-list li { width:100%; padding-bottom:20px; border-left:2px solid #E6E6E6; position:relative; }
ul.plan-list li .progress-speed { width:50px; height:50px; font-size:13px; color:#999; background-color:#FFF; text-align:center; line-height:48px; border:2px solid #E6E6E6; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; position:absolute; left:-27px; top:0px; }
ul.plan-list li .date { width:60px; position:absolute; top:0; left:-100px; }
ul.plan-list li .date span { display:block; text-align:right; }
ul.plan-list li .date span.month-day { font-size:20px; color:#47A447; }
ul.plan-list li .date span.year { font-size:14px; font-weight:bold; color:#999; }
ul.plan-list li h3 { height:50px; font-size:20px; color:#333; line-height:46px; margin:0 0 0 48px; }
ul.plan-list li h3 a { color:#555; }
.module-info { margin-left:50px; }
.module-info h4 { font-size:18px; color:#666; }
.module-info p { margin:0; font-size:14px; line-height:24px; }
.module-info .module-info-bar { margin-top:15px; color:#AAA; }
.module-info .module-info-bar span.link-button { font-size:14px; padding:8px 15px; }
.module-info .module-info-bar span.link-button a { color:#47A447; }

.module { padding:0 15px; transition:0.2s; -moz-transition:0.2s; -webkit-transition:0.2s; -o-transition:0.2s; color:#666; cursor:pointer; border:1px solid #E6E6E6; }
.module:hover,
.module.active { color:#47A447; border:1px solid #47A447; }
.module .select-module { position:absolute; top:-1px; left:15px; font-size:25px; display:none; }
.module.active .select-module { display:block; } 
.module .description { line-height:22px; }
.module .panel-body h3 { margin:10px; }

/*研修计划相应模块设置*/
.module-set { margin:10px 0 30px; }
.module-set-progress { padding:6px 0; font-size:16px; color:#AAA; background-color:#EEE; text-align:center; }
.module-set-progress.active { color:#FFF; background-color:#47A447; }

/*选择模块时相应模块列表*/
.general-block { padding:0 10px; transition:0.2s; -moz-transition:0.2s; -webkit-transition:0.2s; -o-transition:0.2s; color:#666; cursor:pointer; border:1px solid #E6E6E6; position:relative; }
.general-block:hover,
.general-block.active { color:#47A447; border:1px solid #47A447; }
.general-block .select-module { position:absolute; top:0; left:0; font-size:16px; background-color:#47A447; color:#FFF; display:none; }
.general-block.active .select-module { display:block; }
.general-block .panel-body h4 { margin:0 0 12px 15px; }
.general-block .panel-body p { margin:5px 0 0 15px; color:#666; }

.text-highlight { color:#47A447 !important; }
.border-highlight { border-color:#47A447 !important; }
.background-highlight { background-color:#47A447 !important; }
.text-ok { font-size:16px !important; }

.switch-handle a { color:#47A447; }
.switch-content { display:none; }

/*研修计划课程模块显示列表*/
.plan-list .package-block { border:1px solid #FFF; position:relative; }
.plan-list .package-block .package-heading { font-size:15px; font-weight:bold; color:#14191e; margin:15px auto; cursor:pointer; }
.plan-list .package-block .item-line { position:absolute; top:23px; left:-51px; width:51px; border-bottom:1px solid #47A447; }
.plan-list .package-block .package-body { display:none; }
